import { CSSProperties, FC } from "react";
import styles from "./index.module.less";
import { FullscreenOutlined } from "@ant-design/icons";
import { Button, Tooltip } from "antd";

interface iOpenModalButtonProps {
  openModal?: () => void;
  btnStyles?: CSSProperties;
}

const OpenModalButton: FC<iOpenModalButtonProps> = (
  props: iOpenModalButtonProps
) => {
  return (
    <Tooltip title="放大">
      <Button
        className={styles["look-btn"]}
        style={props.btnStyles}
        onClick={props.openModal}
        icon={<FullscreenOutlined />}
      ></Button>
    </Tooltip>
  );
};

export default OpenModalButton;
